<div
        id="event-test-data"
        style="border: 1px solid #ccc;
height: 50px;
overflow-y: auto; 
padding: 5px; 
margin-bottom: 20px">
    <div style="margin-top: 10px; padding: 30px; background-color: #e3e4e5">
        <div id="outer" style="padding: 20px; background-color: #D6EDFC">
            <div id="inner" style="padding: 20px; background-color: #FFCC00"></div>
        </div>
    </div>
    <div id="test-delegate">
        <div id="test-delegate-outer" class="xx">
            <div style="padding:50px;border:1px solid red;width:100px;height:100px;"
                 class="xx" id="test-delegate-inner">
                <a href="javascript:void(0)" id="test-delegate-a">click</a>
                <button id="test-delegate-b">click</button>
            </div>
        </div>
    </div>
</div>